<html>
  <head>
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>Primeros pasos para crear contenidos</title>
    <link href="/library/skin/tool_base.css" type="text/css" rel="stylesheet" media="all" />
    <link href="/library/skin/default-skin/tool.css" type="text/css" rel="stylesheet" media="all" />
    <script type="text/javascript" src="/library/js/headscripts.js"></script> 
  </head>
  <body>
    <div class="card">
      <div class="card-header">
        Primeros pasos para crear contenidos
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-12 mb-4">
            <h2>Primeros pasos para crear contenidos</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="d-flex align-items-start mb-3">
              <div class="me-3">
                <img src="lesson_getting_started_img/add-content.png" class="img-fluid" style="max-width: 100px;" alt="Add Content">
              </div>
              <p class="flex-grow-1 mt-2">Haz clic en la pesta&ntilde;a "A&ntilde;adir contenido" para a&ntilde;adir contenido al final de la p&aacute;gina.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="d-flex align-items-start mb-3">
              <div class="me-3">
                <img src="lesson_getting_started_img/plus-bottom.png" class="img-fluid" style="max-width: 100px;" alt="Add Content at Bottom">
              </div>
              <p class="flex-grow-1 mt-2">Haz clic en el bot&oacute;n "+" al final de una secci&oacute;n para a&ntilde;adir contenido nuevo al final de la secci&oacute;n.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="d-flex align-items-start mb-3">
              <div class="me-3">
                <img src="lesson_getting_started_img/plus-up-right.png" class="img-fluid" style="max-width: 100px;" alt="Add Content Above">
              </div>
              <p class="flex-grow-1 mt-2">Haz clic en bot&oacute;n "+^" en la parte derecha de un elemento para a&ntilde;adir nuevo contenido arriba de dicho elemento.</p>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-12 mb-4">
            <h2>A&ntilde;adir Secciones y Columnas</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="d-flex align-items-start mb-3">
              <div class="me-3">
                <img src="lesson_getting_started_img/plus-section-break.png" class="img-fluid" style="max-width: 100px;" alt="Add Section Break">
              </div>
              <p class="flex-grow-1 mt-2">Haz clic en el bot&oacute;n "+" o "+^" en la parte derecha de un elemento para a&ntilde;adir una secci&oacute;n encima de dicho elemento.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="d-flex align-items-start mb-3">
              <div class="me-3">
                <img src="lesson_getting_started_img/plus-column-break.png" class="img-fluid" style="max-width: 100px;" alt="Add Column Break">
              </div>
              <p class="flex-grow-1 mt-2">Haz clic en el bot&oacute;n "+" o "+^" en la parte derecha de un elemento para a&ntilde;adir una columna encima de dicho elemento.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  </html>
